<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>Title</title>
    <link rel="stylesheet" href="css/mui.min.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/mui.min.js"></script>
    <script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>
</head>
<body>
<div class="mui-content">
    <div id="container"></div>
    <div class="anniu">
        <div class="leftcont">
            <h2>南岸区弹子石蓝光coco时代</h2>
            <p>重庆市南岸区弹子石蓝光coco时代(腾龙大道)</p>
        </div>
        <a class="btn" href=""><img src="img/png/daohang.png" alt=""></a>
    </div>
</div>
</body>
<script>

    window.onload = function(){

//直接加载地图


        //初始化地图函数  自定义函数名init
        var init = function() {
            var center = new qq.maps.LatLng(39.916527,116.397128);
            var map = new qq.maps.Map(document.getElementById('container'),{
                center: center,
                zoomControl: false,       //缩放控件的初始启用/停用状态。
                zoom: 13

        });

            var anchor = new qq.maps.Point(6, 6),
                    size = new qq.maps.Size(24, 24),
                    origin = new qq.maps.Point(0, 0),
                    icon = new qq.maps.MarkerImage('img/center.gif', size, origin, anchor);
            var marker = new qq.maps.Marker({
                icon: icon,
                map: map,
                showZoomControls:false,
                position:map.getCenter()});
        }

        //调用初始化函数地图
        init();
    }
</script>
</html>